<!DOCTYPE html>
<html>
	
<!-- Mirrored from responsivewebinc.com/premium/renata2/aboutus.html by HTTrack Website Copier/3.x [XR&CO'2013], Sat, 01 Mar 2014 06:45:54 GMT -->
<head>
		<!-- Title here -->
		<title>About Us</title>
		<!-- Description, Keywords and Author -->
		<meta name="description" content="Your description">
		<meta name="keywords" content="Your,Keywords">
		<meta name="author" content="ResponsiveWebInc">
		
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		
		
		
		
		<!-- Styles -->
		<!-- Bootstrap CSS -->
		<link href="css/bootstrap.min.css" rel="stylesheet">
		<!-- Animate CSS -->
		<link href="css/animate.min.css" rel="stylesheet">
		<!-- Slider Revolution CSS -->
		<link href="css/rs-settings.css" rel="stylesheet">
		<!--[if IE 8]>
		<link rel="stylesheet" href="css/rs-settings-ie8.css">
		<![endif]-->
		<!-- Countdown Watch -->
		<link href="css/jquery.countdown.css" rel="stylesheet">
		<!-- Portfolio CSS -->
		<link href="css/prettyPhoto.css" rel="stylesheet">
		<!-- Font awesome CSS -->
		<link href="css/font-awesome.min.css" rel="stylesheet">		
		<!-- Custom CSS -->
		<link href="css/style.css" rel="stylesheet">
			<link href="css/style.css" rel="stylesheet">
				<link href="js/jquery.js" rel="stylesheet">
					<link href="js/bootstrap.min.js" rel="stylesheet">
		<!--[if IE]>
		<link rel="stylesheet" href="css/ie-style.css">
		<![endif]-->
		
		<!-- Favicon -->
		<link rel="shortcut icon" href="#">
	</head>
	
	<body>
		
		<!-- Header Bar Start -->
		<div class="header">
			<div class="container">
				<!-- Navigation Menu Start -->
				<div class="navigation">
					<div class="row">
						<!-- Navigation Menu Link Lists -->
						<div class="col-md-3 col-sm-5 col-xs-7">
							<div class="menu">
								<span class="br-lblue"><i class="fa fa-desktop"></i> &nbsp; Menu Column</span>
								<div class="menu-list">
									<ul>
										<li><a href="aboutus.html"><i class="fa fa-user pink"></i> About Us</a></li>	
			   			         		 <li><a href="portfolio.html"><i class="fa fa-camera green"></i>Our Team</a></li>
										<li><a href="support.html"><i class="fa fa-envelope orange"></i> Support</a></li>
										<li><a href="contact.html"><i class="fa fa-phone orange"></i> Contact Us</a></li>
									</ul>
								</div>
							</div>
						</div>
						<div class="col-md-3 col-sm-5 col-xs-7">
							<div class="menu">
								<span class="br-green"><i class="fa fa-desktop"></i> &nbsp; Menu Column</span>
								<div class="menu-list">
									<ul>
										<li><a href="pricing.html"><i class="fa fa-table red"></i>Internet Packages</a></li>
										<li><a href="products.html"><i class="fa fa-puzzle-piece pink"></i> Products</a></li>
										<li><a href="service.html"><i class="fa fa-gear red"></i> Service</a></li>
								        <li><a href="testimonials.html"><i class="fa fa-group pink"></i> Testimonials</a></li>
									</ul>
								</div>
							</div>
						</div>
						<div class="col-md-3 col-sm-5 col-xs-7">
							<div class="menu">
								<span class="br-red"><i class="fa fa-desktop"></i> &nbsp; Menu Column</span>
								<div class="menu-list">
									<ul>
										<li><a href="products.html"><i class="fa fa-puzzle-piece pink"></i> Products</a></li>
										<li><a href="contact.html"><i class="fa fa-phone orange"></i> Contact Us</a></li>
										<li><a href="login.html"><i class="fa fa-sign-in green"></i> Login / Register</a></li>
										<li><a href="error.html"><i class="fa fa-question blue"></i> 404 Error Page</a></li>
									</ul>
								</div>
							</div>
						</div>
						
						<div class="col-md-3 col-sm-5 col-xs-7">
							<div class="sform br-white">
								<span><i class="icon-envelope lblue"></i> Subscription</span>
								<div class="form">
									<form role="form">
										<div class="form-group">
											<input type="text" class="form-control" placeholder="Enter your Name">
											<input type="email" class="form-control" placeholder="Enter your E-mail">
											<button type="button" class="btn btn-info btn-sm">Subscribe</button>
											<button type="button" class="btn btn-default btn-sm">Reset</button>
										</div>
									</form>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
				<!-- Navigation menu end -->
		</div>
		<!-- Navigation Menu Button -->
			<div class="menu-btn">
				<a href="#">Menu <i class="fa fa-chevron-down"></i></a>
			</div>
		
		
		<!-- Head Start -->
		<div class="head inner-pages">
			<div class="container">
				<div class="row">
					<div class="col-md-3 col-sm-4">
						<!-- Logo and Head Text -->
						<div class="logo">
							<!-- Logo Icon and Heading -->
							<img src="" class="img-responsive" alt="" /><span><a href="index.html">Netzone</a></span>
						</div>
					</div>
					<div class="col-md-3 col-sm-4">
						<!-- Social Icon Menu -->
						<div class="social">
							<a href="#" class="facebook"><i class="fa fa-facebook"></i></a>
							<a href="#" class="twitter"><i class="fa fa-twitter"></i></a>
							<a href="#" class="google-plus"><i class="fa fa-google-plus"></i></a>
							<a href="#" class="linkedin"><i class="fa fa-linkedin"></i></a>
						</div>
					</div>
					<div class="col-md-3 col-sm-4">
						<div class="search">
							<form>
								<div class="input-group">
									<input type="text" class="form-control" placeholder="Text to search">
									<span class="input-group-btn">
										<button class="btn btn-danger" type="button"><i class="fa fa-search"></i></button>
									</span>
								</div>
							</form>
						</div>
					</div>
					<div class="col-md-3 hidden-sm">
					</div>
				</div>
			</div>
		</div>
		<!-- Menu Bar End -->
		
		
				<!-- Inner Page Heading -->
				<div class="inner-page about">
					<div class="container">
						<h2><i class="fa fa-user lblue"></i><strong>About Us</strong></h2>
						
						
						 <div class="inner-tab">
                    <!-- Nab Bar Tan Menu list -->
                    <ul id="mytab" class="nav nav-tabs">
                        <li class="active"><a href="#one" data-toggle="tab">OUR COMPANY CULTURE.</a></li>
                        <li><a href="#two" data-toggle="tab">OUR PAST</a></li>
                        <li><a href="#three" data-toggle="tab">OUR FUTURE </a></li>
                        <li><a href="#four" data-toggle="tab">EMPLOYEE BENEFITS</a></li>
                    </ul>
                    <!-- Content for each menu item -->
                    <div class="tab-content">
                        <!-- First Content for Nav bar -->
                        <div class="tab-pane fade in active" id="one">

                            <!--accordin start -->
                            <div class="accordion" id="accordion2">
                                <div class="accordion-group">
                                    <div class="accordion-heading">
                                        
                                           <h3> Our Mession for the future</h3>
                                        </a>
                                    </div>

                                    <div id="collapseOne" class="accordion-body collapse in">
                                        <div class="accordion-inner">
                                        <h3> </h3>
                                            <p>But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system, and expound the actual teachings of the great explorer of the truth, the master-builder of human happiness. No one rejects, dislikes, or avoids pleasure itself, because it is pleasure, but because those who do not know how to pursue pleasure rationally encounter consequences that are extremely painful. Nor again is there anyone who loves or pursues or desires to obtain pain of itself, because it is pain, but because occasionally circumstances occur in which toil and pain can procure him some great pleasure. To take a trivial example, which of us ever undertakes laborious physical exercise, except to obtain some advantage from it? But who has any right to find fault with a man who chooses to enjoy a pleasure that has no annoying consequences.</p>
                                      
                                        </div>
                                    </div>
                                </div>
                                <div class="accordion-group">

                                    <div id="collapseTwo" class="accordion-body collapse">
                                        <div class="accordion-inner">
      												 <h3> Our Past Expreriances</h3>
                                            <p>But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system, and expound the actual teachings of the great explorer of the truth, the master-builder of human happiness. No one rejects, dislikes, or avoids pleasure itself, because it is pleasure, but because those who do not know how to pursue pleasure rationally encounter consequences that are extremely painful. Nor again is there anyone who loves or pursues or desires to obtain pain of itself, because it is pain, but because occasionally circumstances occur in which toil and pain can procure him some great pleasure. To take a trivial example, which of us ever undertakes laborious physical exercise, except to obtain some advantage from it? But who has any right to find fault with a man who chooses to enjoy a pleasure that has no annoying consequences.</p>
                          
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <!-- Second Content for Nav bar -->
                        <div class="tab-pane fade" id="two">
                            <h3>Our Past Experiences</h3>
                            <p>But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system, and expound the actual teachings of the great explorer of the truth, the master-builder of human happiness. No one rejects, dislikes, or avoids pleasure itself, because it is pleasure, but because those who do not know how to pursue pleasure rationally encounter consequences that are extremely painful. Nor again is there anyone who loves or pursues or desires to obtain pain of itself, because it is pain, but because occasionally circumstances occur in which toil and pain can procure him some great pleasure. To take a trivial example, which of us ever undertakes laborious physical exercise, except to obtain some advantage from it? But who has any right to find fault with a man who chooses to enjoy a pleasure that has no annoying consequences.</p>
                      
                        </div>

                        <!-- Third Content for Nav bar -->
                        <div class="tab-pane fade" id="three">
                            <h3>Our Bright Future</h3>
                            <p>But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system, and expound the actual teachings of the great explorer of the truth, the master-builder of human happiness. No one rejects, dislikes, or avoids pleasure itself, because it is pleasure, but because those who do not know how to pursue pleasure rationally encounter consequences that are extremely painful. Nor again is there anyone who loves or pursues or desires to obtain pain of itself, because it is pain, but because occasionally circumstances occur in which toil and pain can procure him some great pleasure. To take a trivial example, which of us ever undertakes laborious physical exercise, except to obtain some advantage from it? But who has any right to find fault with a man who chooses to enjoy a pleasure that has no annoying consequences.</p>
                           
                        </div>

                        <!-- Fourth Content for Nav bar -->
                        <div class="tab-pane fade" id="four">
                            <h3>Why Join us?</h3>
                            <p>There are Serveral reasons to join us.</p>

                           <ul>
                           <li>We are among top 3 ISP's in Afghanistan according to UN reseach.</li>
                           <li>We are fast growing and if you join us, you will be fast growing too.</li>
                           <li>Our great support for people with great potential.</li>
                           <li>You will have accessibility to great recourses.</li>
                           </ul>

<!-- Button trigger modal -->
<button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">
  Apply Now
</button>

<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
        <h4 class="modal-title" id="myModalLabel">Please fill the form </h4>
      </div>
      <div class="modal-body">
         <div class="contact-form" >
                                    <h2>Contact Form</h2>
                                    <form class="form-horizontal" role="form"  method="POST" action="php/sendemail.php">
                                        <div class="form-group">
                                            <label for="Name" class="col-lg-2 control-label">Name</label>
                                            <div class="col-lg-10">
                                                <input type="text" class="form-control" name="name" placeholder=" required " id="name" required>
                                            </div>
                                        </div>
                                         
                                        <div class="form-group">
                                        <label for="Email" class="col-lg-2 control-label">Email</label>
                                            <div class="col-lg-10">
                                                <input type="email" class="form-control" name="email" placeholder=" required "  id="email" required>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label for="number" class="col-lg-2 control-label">Mobile </label>
                                            <div class="col-lg-10">
                                                <input type="number" class="form-control" name="number" placeholder=" required "  id="number" required>
                                            </div>
                                        </div>

 							
                                       <div class="control-group">
                      					  <label class="control-label"></label>
                        					<div style="padding-left:100px;" class="controls">
                         						   <input  type="file" name="image" class=" span3  " required>

                       						 </div><br>

                  					  </div>

                                        <div class="form-group">
                                            <div class="col-lg-offset-2 col-lg-10">
                                                <button type="submit" name="submit" class="btn btn-info">Submit</button> &nbsp;
                                                <button type="reset" class="btn">Reset</button>
                                            </div>
                                        </div>
                                    </form>
                                    <?php 
                                        if(isset($_POST['submit'])){
                                            echo 'thank you' ;
                                               
                                    ?>
                                </div>


      </div>
      <div class="modal-footer">
        <a class="btn" data-dismiss="modal">Cancel</a>
        
    </div><!-- /.modal-content -->
  </div><!-- /.modal-dialog -->
</div><!-- /.modal -->
                         
                        </div>
                    </div>
                </div>
							</div>
						</div>
					</div>
				</div>
				
				
		<!-- CTA Start -->
		
		
		<!-- CTA End -->
		
		
		
		<!-- Sponsor Start -->
		
		
		<!-- Sponsor End -->
		
		<!-- Scroll to top -->
		<span class="totop"><a href="#"><i class="fa fa-chevron-up"></i></a></span> 
		
		<!-- Footer Start -->
		
	<div class="footer">
			
					<div class="clearfix"></div>
					<div style="padding-left:150px;" class="row">
						<div class="col-md-3 col-sm-3">
							<div class="footer-widget">
								<h4><i class="fa fa-unlink"></i> &nbsp; Navigation</h4>
								<ul>
									<li><a href="index.html"><i class="fa fa-home"></i> &nbsp; Home</a></li>
									<li><a href="service.html"><i class="fa fa-gear"></i> &nbsp; Service</a></li>
									<li><a href="feature.html"><i class="fa fa-laptop"></i> &nbsp; Feature</a></li>
									<li><a href="pricing.html"><i class="fa fa-table"></i> &nbsp; Pricing</a></li>
								</ul>
							</div>
						</div>
						<div class="col-md-4 col-sm-4">
							<div  class="footer-widget">
								<h4><i class="fa fa-user"></i> &nbsp; About Us</h4>
								<p>NETZONE LTD is a private investment for business company owned 100% by Afghan investors. NETZONE LTD is holding a valid business license from Afghanistan Investment Support Agency (AISA) and a National ISP & Telecom license by MCIT and ATRA.</p>
								
							</div>
						</div>
						
						<div class="col-md-4 col-sm-5">
							<div style="padding-right:0px;" class="footer-widget">
								<h4><i class="fa fa-phone"></i> &nbsp; Netzone LTD.</h4>
								
								<p>House # 10, Pul-e-Surkh,<br />3rd Police Station Main Road <br />District 3, Kabul Afghanistan<p>
								<p><span class="mute">E-mail</span> : <a href="mailto:sales@netzone.af?Subject=Request%20for%20Information">sales@netzone.af</a><br /> <span class="mute">Phone no.</span> : +93 799 888 201</p>

							</div>
						</div>
						
					</div>
					<div class="copy">
						<p>&copy; Copyright <a href="www.netzone.af">Netzone LTD All rights reserved by Netzone LTD</a></p>
					

						
					</div>
				</div>
			</div>
		</div>
		
		
		<!-- Footer End -->		
		
		<!-- Javascript files -->
		<!-- jQuery -->
		<script src="js/jquery.js"></script>
		<!-- Bootstrap JS -->
		<script src="js/bootstrap.min.js"></script>
		<!-- jQuery REVOLUTION Slider  -->
		<script type="text/javascript" src="js/jquery.themepunch.plugins.min.js"></script>
		<script type="text/javascript" src="js/jquery.themepunch.revolution.min.js"></script>
		<!-- jQuery way points -->
		<script src="js/waypoints.min.js"></script>
		<!-- Jquery for Countdown Watch -->
		<script type="text/javascript" src="js/jquery.countdown.min.js"></script>
		<!-- Portfolio JS -->
		<!-- Pretty Photo, Filter And Isotope JS -->
		<script type="text/javascript" src="js/filter.js"></script>
		<script type="text/javascript" src="js/isotope.js"></script>
		<script type="text/javascript" src="js/jquery.prettyPhoto.js"></script>
		<!-- Respond JS for IE8 -->
		<script type="text/javascript" src="js/respond.min.js"></script>
		<!-- HTML5 Support for IE -->
		<script type="text/javascript" src="js/html5shiv.js"></script>
		<!-- Custom JS -->
		<script type="text/javascript" src="js/custom.js"></script>
	</body>	

<!-- Mirrored from responsivewebinc.com/premium/renata2/aboutus.html by HTTrack Website Copier/3.x [XR&CO'2013], Sat, 01 Mar 2014 06:45:55 GMT -->
</html>